<%@page import="com.winexpress.util.SessionAttributes"%>
<%@taglib prefix="t" tagdir="/WEB-INF/tags" %>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>wineXpress online shop</title>

    </head>
    <body>
        <t:customerNavigation/>
        <br/>
        <div class="container">
            
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="page-header">Create Enquiry</h1>
                    <ol class="breadcrumb">
                        <li><a href="/WineXpressClient/index.jsp">Home</a></li>
                        <li><class="active">Submit Enquiry</li>
                    </ol>
                </div>
            </div>
            
            <div class="panel panel-default" style="width:70%; margin-left: 15%; margin-top: 10px" >
                <div class="panel-heading">
                    <h3 class="panel-title">Submit a New Enquiry</h3>
                </div>
                <div class="panel-body">
                    <form class="form-horizontal" role="form" id="defaultForm"  name="register" action="/WineXpressClient/enquiryManagement/submitEnquiryResult" method="post">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Subject</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="subject">
                            </div>
                        </div>


                        <div align="left"><div class="form-group" >
                                <label class="col-sm-2 control-label">Category</label>
                                <div class="col-sm-10">
                                    <select class="form-control" name="category">
                                        <option value="">-- Select a category --</option>
                                        <option value="general">General</option>
                                        <option value="account">Account Management</option>
                                        <option value="product">Product Support</option>
                                        <option value="post">Post Sale</option>                                        
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-2 control-label">Content</label>
                            <div class="col-sm-10">
                                <textarea class="form-control" rows="10" name="content"></textarea>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-sm-offset-10 col-sm-2">
                                <button type="submit" class="btn btn-default">Submit</button>
                            </div>
                        </div>




                        <script type="text/javascript">
                            $(document).ready(function() {

                                $('#enquiryForm').bootstrapValidator({
                                    message: 'This value is not valid',
                                    fields: {
                                        subject: {
                                            validators: {
                                                notEmpty: {
                                                    message: 'The subject line cannot be empty'
                                                }
                                            }
                                        },
                                        category: {
                                            validators: {
                                                notEmpty: {
                                                    message: 'Please select a category'
                                                }
                                            }
                                        },
                                        content: {
                                            validators: {
                                                notEmpty: {
                                                    message: 'Please provide us some details of your enquiry'
                                                }
                                            }
                                        }


                                    }
                                });
                            });
                        </script>
                </div></div></div>
                <t:footer/>
                </body>
                </html>





